const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    mode: 'development',
    entry: './main.js',
    output: {
        filename: 'main.js',
        path: path.resolve(__dirname, 'dist'),
    },
    devServer: {
        static: {
            directory: path.join(__dirname, 'dist'),
        },
        compress: true,
        port: 9000,  // 你可以选择其他端口
        open: true,  // 自动打开浏览器
        hot: true    // 启用热模块替换
    },
    plugins: [
      new HtmlWebpackPlugin({
          template: './index.html',  // 指定模板路径
          filename: 'index.html'  // 输出的HTML文件名
      })
  ],
};